<template>
  <view class="index-slider">
    <nut-swiper
      :auto-play="3000"
      :pagination-visible="true"
      pagination-color="#426543"
      pagination-unselected-color="#808080"
    >
      <nut-swiper-item v-for="(item, index) in list" :key="index" style="height: 150px">
        <image :src="item" alt="" style="height: 100%; width: 100%" />
      </nut-swiper-item>
    </nut-swiper>
  </view>
</template>

<script setup>
import { ref } from 'vue'
const list = ref([
  'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
  'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
  'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
  'https://storage.360buyimg.com/jdc-article/fristfabu.jpg'
])
</script>
<style lang="scss">
.index-slider {
  width: 100%;
  height: 150px;
}
</style>
